<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的html学习</title>
</head>
<body>
    
    <a title="悬浮提示" href="https://www.runoob.com/tags/html-reference.html" target="_blank">百度</a>
    <a href="tel:15056042604">联系我</a>

    <p>段落</p>

    <video src="https://www.runoob.com/try/demo_source/movie.mp4" controls muted autoplay ></video>
    <audio src="https://www.runoob.com/try/demo_source/movie.mp4" controls muted autoplay ></audio>
 
 
    <form action="https://www.runoob.com/tags/html-reference.html" method="get">
        <input type="text" name="username" placeholder="用户名">
        <input type="password" name="userpwd" placeholder="密码">
        <input type="color" name="" id="">
        <input type="file" name="" id="">
        <input type="radio" name="ee">
        <input type="radio" name="ee">

        <input type="number" name="" id="">

        <input type="checkbox">
        <input type="checkbox">

        <select name="" id="">
            <option value="">-请选择-</option>
            <option value="">合肥</option>
            <option value="">南京</option>
        </select>

        <input type="submit" value="登录">
        <!-- <button>登 录</button> -->
    </form>


    <del>删除线</del>

    <ul>
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
        <li>无序列表4</li>
        <li>无序列表5</li>
    </ul>

    <ol>
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
        <li>有序列表4</li>
        <li>有序列表5</li>
    </ol>

    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    <i>实际项目是用来显示小图标的 iconfont</i>

    <textarea name="" id="" cols="30" rows="10" placeholder="输入建议"></textarea>

</body>
</html>